<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>词多多代理商平台</title>
    <include file="Index:header"/>
    <script type="text/javascript">
        $(function(){
            $(".help-side dl dd:eq(2)").addClass('cur');
        })
        $(function(){
            $("#top #topcon .nav li:eq(3)").addClass('cur');
        })
    </script>
    <script src="__PUBLIC__/js/main.js" type="text/javascript" charset="UTF-8"></script>
</head>

<body>
    <include file="Index:top"/>
    <div id="main">
        <include file="Suffix:left"/>
        <div id="main_right" class="container">
            <div class="title">添加后缀词</div>
            <div id="infotab" class="container mt10">

                <div id="proxyinfo" class="p10">
                    <form name="form1" id="form1" class="form" showOnMouseOver="false">
                        <table width="570" class="tableStyle mt30 ml70" formMode="line" failAlert="表单填写不正确，请按要求填写！">
                            <tr>
                                <td align="right">
                                    <strong>后缀词类型:</strong>
                                </td>
                                <td>
                                    <div id="domain" class="dropdown" tabIndex="1">
                                        <select name="domain" style="height:30px;width:130px;" class="validate[required]">
                                            <option value="">请选择</option>
                                            <volist name="type_arr" id="vo">
                                            <option value="{$vo['id']}">{$vo['name']}</option>
                                            </volist>
                                        </select>
                                    </div>
                                </td>
                                <td align="right">
                                    <strong>后缀词：</strong>
                                </td>
                                <td>
                                    <input type="text" name="keywords[]" class="validate[required,custom[chinese]] input">
                                    <div class="H_add remove ico ico_application_form_add" style="margin-top:6px;margin-left:20px;"></div>
                                </td>
                                <td>
                                    <div class="validation_info"></div>
                                </td>
                            </tr>
                            <tbody id="keywords"></tbody>
                            <tr style="height:70px;">
                                <td></td>
                                <td style="padding-left: 80px;">
                                    <input class="button green" type="button" name="button" id="button" value="提&nbsp;&nbsp;交" onclick="validateForm('#form1','__URL__/suffix_add')"/>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <include file="Index:footer"/>
    <script type="text/javascript">

        $(".H_add").click(function() {
            var this_html = "<td align=\"right\"></td><td align=\"right\"></td><td align=\"right\"> <strong>后缀词：</strong>\</td>\
                            <td>\
                                <input type=\"text\" name=\"keywords[]\" class=\"validate[required,length[2,20]]] input\">\
                                <div class=\"J_del remove ico ico_application_form_delete\" style=\"margin-top:6px;margin-left:20px;\"></div>\</td>";
            var after_tr = $("#keywords").append("<tr class='after_tr'></tr>"); //向当前行插入一行tr
            var after_tr = $(".after_tr:last"); //选择插入行的类名
            after_tr.html(this_html);
            after_tr.validationEngine();
        });

        $(function() {
            $("#domain").sSelect();
        });
    </script>
</body>

</html>